<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .mysvg {
      width: 800px;
      height: 800px;
      fill: green;
    }
  </style>
</head>
<body>  
  <!-- svg标签目前大部分浏览器已经在慢慢支持了 
      viewBox="0 0 1024 1024"  viewBox (0 0 200 200) :0 0 表示x轴和y有的起始位置，后面1024 1024 表示长和宽但是只是一个数量，不是具体的长度
      fill 设置颜色的
  -->
    
  <svg class="mysvg"  width="128" height="128" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M71.984 44.815H115.9L71.984 9.642v35.173zM16.094.05h63.875l47.906 38.37v76.74c0 3.392-1.682 6.645-4.677 9.044-2.995 2.399-7.056 3.746-11.292 3.746H16.094c-4.236 0-8.297-1.347-11.292-3.746-2.995-2.399-4.677-5.652-4.677-9.044V12.84C.125 5.742 7.23.05 16.094.05zm71.86 102.32V89.58h-71.86v12.79h71.86zm23.952-25.58V64H16.094v12.79h95.812z"/></svg>
</body>
</html>